<template>
    <div class="tc">
        <div class="bg">
            <div class="title">
                <span>风险警告解除</span>
                <span />
            </div>
            <div class="body">
                <div class="unit-info">
                    <span>终端用户</span>
                    <span class="right-align">admin</span>
                </div>
                <div class="unit-info">
                    <span>应用名称：</span>
                    <span class="right-align">应用宝</span>
                </div>
                <div class="unit-info">
                    <span>风险内容：</span>
                    <span class="right-align red-text">越权访问短信信息</span>
                </div>
                <div class="unit-info">
                    <span>应用编号：</span>
                    <span class="right-align">000246</span>
                </div>

                <div class="unit-info">
                    <span>手机型号：</span>
                    <span class="right-align">Galaxy S21 Ultra</span>
                </div>
                <div class="unit-info">
                    <span>操作系统：</span>
                    <span class="right-align">Android13</span>
                </div>
                <div class="unit-info">
                    <span>当前状态：</span>
                    <span class="right-align green-text">用户已删除该应用</span>
                </div>
            </div>

            <el-button size="small">
                详情
            </el-button>
        </div>
    </div>
</template>

<script>
export default {
    name: "AppInfoWindow",
    // 组件的数据等可以在这里定义，但本例中直接使用静态数据
};
</script>

<style scoped>
.tc {
    position: absolute;
    top: 60%;
    left: 60%;
    width: 330px;
    height: 300px;
    z-index: 100;

    /* background-color: rgba(0, 0, 0, 0.5); */
}

.bg {
    padding: 20px;
    width: 100%;
    height: 100%;
    background-image: url("~@/assets/xd/dialogbg.png");
    /* background-color: rgba(34, 114, 201, 0.753); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 10000;
    /* opacity: 0.6; */
}

.title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    padding: 5px;
    color: #ffffff;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-align: center;
}

.body {
    color: #90CEE9;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    top: 15px;

}

.el-button {
    background: linear-gradient(270deg, #2DB2FD 0%, #0E5FFF 100%);
    border-radius: 2px 2px 2px 2px;
    border: none;
    color: #fff;
    font-size: 15px;
    margin-left: 130px;
    margin-top: 30px;
        width: 80px;
            height: 30px;
            text-align: center;
}


</style>
